@import "src/res/theme/xxhz";
.invite-root{
    width: 100%;
  .wrap{
    width: 100%;
    box-sizing: border-box;
    padding: 250px 20px 0;
    position: relative;
    .header{
      margin-top: -150px;
      position: absolute;
      padding: 30px;
      width: calc(100% - 40px);
      box-sizing: border-box;
      display: flex;
      align-items: center;
      z-index: 990;
      .img{
        width: 100px;
      }
      .text{
        position: absolute;
        z-index: 999;
        padding: 0 60px;
        box-sizing: border-box;
        font-size: 40px;
        text-align: center;
        width: calc(100% - 60px);
        box-sizing: border-box;
      }
    }
    .content{
      background-color: #fffbf8;
      padding: 150px 30px 60px;
      box-sizing: border-box;
      box-shadow: 0 1px 5px 2px #e7e3da;
      .title{
        font-size: 32px;
        color: $color-font-secondry;
      }
      .tips{
        font-size: 26px;
        color: $color-font-less;
      }
    }
  }
  .btn-box{
    width: 100%;
    margin-top: 60px;
    box-sizing: border-box;
    padding: 0 50px;
    .button{
      padding: 24px 0;
      text-align: center;
      color: white;
      border-radius: 10px;
      margin-bottom: 30px;
      border: 1px solid rgba(0,0,0,.2);
      line-height: 1.4;
      font-size: 32px;
      width: 100%;
      font-weight: bold;
      &::after{
        border: none;
      }
    }
    .invite{
      background: $mainColor;
    }
    .share{
      background-color: $mainColor;

    }
  }

}
